<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>添加页面</title>
<link href="" type="text/css" rel="stylesheet">
<link href="css/bootstrap.min.css" type="text/css" rel="stylesheet"
	media="screen" />
<link href="css/styles.css" type="text/css" rel="stylesheet"
	media="screen">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet"
	media="screen">
<script src="js/updateemployee.js"></script>
<script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<link href="vendors/datepicker.css" rel="stylesheet" media="screen">
<link href="vendors/uniform.default.css" rel="stylesheet" media="screen">
<link href="vendors/chosen.min.css" rel="stylesheet" media="screen">

<link href="vendors/wysiwyg/bootstrap-wysihtml5.css" rel="stylesheet"
	media="screen">
<script src="vendors/jquery-1.9.1.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.poshytip.js"></script>
<script type='text/javascript' src='js/jq.validate.js'></script>
<script src="vendors/jquery.uniform.min.js"></script>
<script src="vendors/chosen.jquery.min.js"></script>
<script src="vendors/bootstrap-datepicker.js"></script>

<script src="vendors/wysiwyg/wysihtml5-0.3.0.js"></script>
<script src="vendors/wysiwyg/bootstrap-wysihtml5.js"></script>

<script src="vendors/wizard/jquery.bootstrap.wizard.min.js"></script>
<script src="js/ecc.js"></script>
<script type="text/javascript"
	src="vendors/jquery-validation/dist/jquery.validate.min.js"></script>
<script src="assets/form-validation.js"></script>
<script src="js/select.js"></script>
<script src="assets/scripts.js"></script>
<script src="assets/Validation.js"></script>
<script
	src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
	<link href="https://cdn.bootcss.com/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker.css" rel="stylesheet">
	<style type="text/css">
	.message{
color:red;
}
	</style>
	<script type="text/javascript">
    $(function () {
        $(".datepicker").datepicker({
            language: "zh-CN",
            autoclose: true,//选中之后自动隐藏日期选择框
            clearBtn: true,//清除按钮
            todayBtn: true,//今日按钮
            format: "yyyy-mm-dd"//日期格式，详见 http://bootstrap-datepicker.readthedocs.org/en/release/options.html#format
        });
    });
</script>
</head>
<body>
					<form class="form-horizontal" action="addemployee.do" method="post">
						<fieldset>
							<div class="control-group">
								<label class="control-label" for="focusedInput">姓名</label>
								<div class="controls">
									<input class="input-xlarge focused" id="person_name"
										name="person_name" type="text" onchange="checkname()">
										<p class="message" id="checktext1"></p>
								</div>
							</div>
							<div class="control-group">
								<label class="control-label" for="focusedInput">身份证号码</label>
								<div class="controls">
									<input class="input-xlarge focused" id="identity_number"
										name="identity_number" type="text" onchange="checkidnu()" maxlength="18" />
										<p class="message" id="checktext2"></p>
								</div>
							</div>
							<div class="control-group">
								<label class="control-label" for="focusedInput">性别</label>
								<div class="controls">
									<select name="sex">
										<option value="1">男</option>
										<option value="2">女</option>
									</select>
								</div>
							</div>
							<div class="control-group">
								<label class="control-label" for="focusedInput">出生日期</label>
								<div class="controls">
									<input type="text" name="birth_time" id="birth_time" onchange="checkbirth()" class="datepicker" placeholder="请选择日期" />
									<p class="message" id="checktext3"></p>
								</div>
							</div>
							<div class="control-group">
								<label class="control-label" for="focusedInput">婚姻状况</label>
								<div class="controls">
									<select name="matital_status">
										<option value="10">未婚</option>
										<option value="21">初婚</option>
										<option value="22">再婚</option>
										<option value="23">复婚</option>
										<option value="30">丧偶</option>
										<option value="40">离婚</option>
										<option value="90">未说明的婚姻状况</option>
									</select>
								</div>
							</div>
							<div class="control-group">
								<label class="control-label" for="focusedInput">配偶姓名</label>
								<div class="controls">
									<input class="input-xlarge focused" id="focusedInput"
										name="spouse_name" type="text" value="">
								</div>
							</div>
							<div class="modal-footer">
								<input class="btn btn-default" type="submit" value="添加" id="submit">
								<button type="button" class="btn btn-default"
									data-dismiss="modal">关闭</button>
							</div>
						</fieldset>
					</form>
</body>
</html>